<template>
    <div>
        <div class="mui-flex" v-for="(item,index) in messageList">
            <div class="cell">
            <img src="../assets/logo.jpg" class="message-headImage" alt=""
            size="large">
            </div>
            <div class="cell4" style="border-bottom: 1px solid #e1e1e1;">
                <div class="mui-flex">
                    <div class="cell4">
                        <p class="message-title">{{item.title}}</p>
                    </div>
                    <div class="cell">
                        <p class="message-time">19:30</p>
                    </div>
                    </div>
                <p class="message-destrice">{{item.brief}}</p>
            </div>
        </div>
    </div>

</template>

<script>
    export default {
        name: "messageCellComponent",
        props: {
            messageList: {
                type: Array,
                default() {
                    return []
                }
            },



        },
    }
</script>

<style lang="scss">
    @import "../views/message/messsge.scss";
</style>